@charset "utf-8";
$font-size:12;/**********变量元素*********/
@function bgg($px){/************函数样式************/
    @return $px/$font-size*(640/640)*1rem;
}
html{/**************html根字体大小**************/
    font-size: $font-size*1px;
}
/***********这里是页面*********/
.web{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    header{        /***********头部样式************/
        top: 0;
        left: 0;
        width: 100%;
        height: bgg(89);
        position: fixed;
        z-index: +2;
        img{        /**********头部的背景图***********/
            display: block;
            width: 100%;
            height: 100%;
        }
        .xian{/*******头部各种样式*********/
            position: absolute;
            left: bgg(23);
            top: bgg(32);
            .xian_1{
                border: bgg(2) solid #ffffff;
                width: bgg(30);
                margin-bottom: bgg(6);
            }
            .xian_2{
                border: bgg(2) solid #ffffff;
                width: bgg(30);
                margin-bottom: bgg(6);
            }
            .xian_3{
                border: bgg(2) solid #ffffff;
                width: bgg(30);
            }
        }
        .dian_1{
            width: bgg(26);
            height: bgg(26);
            border-radius: bgg(26);
            background: #ff0000;
            position: absolute;
            left: bgg(50);
            top: bgg(14);
            line-height: bgg(26);
            text-align: center;
            span{
                font-size: bgg(16.21);
                color: #ffffff;
            }
        }
        .quan{/***********这里是搜索按钮**************/
            border: bgg(3) solid white;
            width: bgg(44);
            height: bgg(44);
            border-radius: 50%;
            position: absolute;
            top: bgg(19);
            right: bgg(17);
            text-align: center;
            .sousuo{
                font-size: bgg(35);
                line-height: 100%;
                color: white;
            }
        }
    }
    section{/**********这里是内容样式**********/
        width: 100%;
        margin-top: bgg(95);
        margin-bottom: bgg(95);
//      background: pink;
        
    }
    footer{/*************这里是尾部样式*************/
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: bgg(95);
        background: #f5f5f5;
        border-top: bgg(2) solid #cccbcb;
        .foot{
//          display: inline-block;
            .home_page{/***********这里是首页按钮***********/
                text-align: center;
                margin: 0 auto;
                width: 20%;
                height: bgg(95);
                display: inline-block;
                a{
                    text-decoration: none;
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    .a{
                        width: 100%;
                        height: 100%;
                        display: inline-block;
                        margin: bgg(23) auto;
                        line-height: bgg(25);
                        .wuzi{/**********这里是iconfont***********/
                            display: inline-block;
                            margin: 0 auto;
                            font-size: bgg(41);
                            width: 100%;
                            color: #8b8b8b;
                        }
                        p{
                            color: #8b8b8b;
                            font-size: bgg(20);
                        }
                    }
                }
            }
            .gimc{/**********这里是GIMC************/
                a{
                    .a{
                        img{
                            width: bgg(50);
                            height: bgg(35);
                            margin: bgg(-5) auto;
                            margin-bottom: bgg(-2);
                        }
                    }
                }
            }
            .article{/********这里是文章段落********/
                a{
                    .a{
                        img{
                            width: bgg(40);
                            height: bgg(35);
                            margin: bgg(-7) auto;
                            margin-bottom: bgg(-2);
                        }
                        p{
                            color: #b60207;
                        }
                    }
                }
            }
            .resource{/***********这里是新闻资源**********/
                a{
                    .a{
                        .ziyuan{
                            font-size: bgg(40);
                            margin: bgg(-2) auto;
                            font-weight: bold;
                        }
                    }
                }
            }
            .college{/************这里是学院信息************/
                a{
                    .a{
                        img{
                            width: bgg(63);
                            height: bgg(32);
                            margin: bgg(-7) auto;
                            margin-bottom: bgg(-2);
                        }
                    }
                }
            }
        }
    }
}
